<template>
	<view>
		<vant-tabs :active="active" color="#1890ff" title-active-color="#1890ff">
			<vant-tab title="我申请的">
				<apply-card @click="gotoDetail"/>
			</vant-tab> 
			<vant-tab title="我收到的">
				<empty />
			</vant-tab>
		</vant-tabs>
		<vant-button class="btn-bottom" block color="#40a9ff" @click="onApply">申请</vant-button>
	</view>
</template>

<script>
	import ApplyCard from '@/components/ApplyCard/index.vue';
	import Empty from '@/components/Empty/index.vue';
	export default {
		components:{
			ApplyCard,
			Empty
		},
		data() {
			return {
				active: 0
			}
		},
		methods: {
			// 挑战申请详情页
			gotoDetail() {
				console.log('gotoDetail')
				uni.navigateTo({
					url: '/pages/myApplication/detail'
				})
			},
			
			// 跳转申请页
			onApply() {
				uni.navigateTo({
					url: '/pages/myApplication/apply'
				})
			}
		}
	}
</script>

<style lang="scss">
	
	
</style>
